<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>显示隐藏</title>
	<style>
		.none{
			display: none;
		}
	</style>
</head>
<body>
	<input type="button" value="隐藏">
	
	<div style="width: 222px;height: 333px;background-color: green">
		
	</div>
	<script>
		var input=document.querySelector('input');
		var div=document.querySelector('div');
		input.onclick=function () {
			// div.display=false;
			if (input.value=='隐藏') {
				// div.style="display:onone;";
				div.className='none';
				input.value='显示';
			} else {
				// div.style="display:onone;";
				// div.style="display:normal";
				div.className="";
				input.value='隐藏';				
			}
			
		}
	</script>
</body>
</html>